/* CSS Styles*/
* {
    outline :none;
}
/* the following for regular <a> elements */
a:link {
    text-decoration: none;
    color :#3757f7
}
a:visited {
    text-decoration: none;
    color : #3757f7;
}
a:hover {
    text-decoration: none;
    color: #f3840d;
}
a:active {
    text-decoration: none;
    color : #3757f7;
}


body{
	background: #FAFAFA;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
}
#content{
	width: 970px;
	margin: 1px auto;
}
#headermenu{
	width: 970px; 
	margin: 5px auto;
	height: 40px;
	display: block;
	background: #00BFFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;  
}
ul#mainmenu, ul#mainmenu ul{list-style: none; padding: 5px;}

ul#mainmenu li {
	display: block;
	float: left;
	margin: 0;
	padding: 5px 20px 15px 20px;
	position: relative;
	background: url(images/menu-li.jpg) no-repeat right 5px;
	line-height: 10px;
	border-right: 1px solid #FAFAFA;
}
ul#mainmenu li:hover {
	background-color: #A9BCF5;
}

ul#mainmenu li a {
	color: #FAFAFA;
	text-decoration: none;
	
}
ul#mainmenu li a:hover{
	color: #fff;
}

/* Sub Level Nav */
ul#mainmenu li ul {
	background: #E1E1E1;
	border-bottom: solid 2px #C1C1C1;
	border-top: solid 2px #D1D1D1;
	border-left: solid 1px #D1D1D1;
	border-right: solid 1px #D1D1D1;
	margin: 12px 0 0 0;
	/*padding: 0 10px 0;*/
	padding: 0;
	/*width: 130px;*/
	width: 150px;
	position: absolute;
	z-index: 100;

}

ul#mainmenu li ul li {
	border-bottom: 1px solid #C1C1C1;
	display: block;
	float: none;
	height: 14px;
	padding: 10px 0;
	text-align: center;
	margin: 0;
	/*width: 130px;*/
	width: 150px;
	background: none;
}
ul#mainmenu li ul li:hover{
		background-color: #A9BCF5;
		/*width: 130px;*/
		width: 150px;
		display: block;
		float: none;
		height: 14px;
		padding: 10px 0;
		text-align: center;
		margin: 0;
}

ul#mainmenu li ul li.last{border-bottom: none;}

ul#mainmenu li ul li a {
	color: #313131;
}

ul#mainmenu li ul li a:hover {
	color: #000;
	/*color: #C1C1C1;*/
}

ul#mainmenu li ul li:last-child:not(li.arrow) {
	border: 0;
}

ul#navlist li a.current
{
background: white;
border-bottom: 1px solid white;
}

/*Botones*/
/*including "login" image*/
button.login {
    background-image:url(../images/bg-button.gif);
}

button.login:hover {
}

/*including "save" image*/
button.save {
    background-image:url(../images/button_accept.gif);
}
/*including "add" image*/
button.add {
    background-image:url(../images/button_add.gif);
}
/*including "cancel" image*/
button.cancel {
    background-image:url(../images/button_delete.gif);
}
/*including "search" image*/
button.search {
    background-image:url(../images/bg-button.gif);
}
/*including "plus" image*/
button.plus {
    background-image:url(../images/button_plus.gif);
}
/*including "minus" image*/
button.minus {
    background-image:url(../images/button_minus.gif);
}
/*including "next" image*/
button.next {
    background-image:url(../images/button_next.gif);
}
/*including "back" image*/
button.back {
    background-image:url(../images/button_back.gif);
}
/*including "refresh" image*/
button.refresh {
    background-image:url(../images/button_refresh.gif);
}
/*including "upload" image*/
button.upload {
    background-image:url(../images/button_upload.gif);
}

.fake_button_back {
    background-image:url(../images/button_back.gif);
}
button.arrowr {
    background-image:url(../images/2rightarrow.gif);
}

button.arrowl {
    background-image:url(../images/2leftarrow.gif);
}

input.arrowr {
	background-image:url(../images/2rightarrow.gif);
}

input.arrowl {
	background-image:url(../images/2leftarrow.gif);
}
.refresh {
    background-image:url(../images/refresh.png);
}

.portal {
    background-image:url(../images/portal.png);
}
button {
    border:1px solid #ccc;
    
    -opera-border-radius: 8px;
    -webkit-border-radius: 8px; 
    border-radius: 8px;
    
    -opera-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);    
    -webkit-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
    
    font-weight:bold;
    font-size: 105%;    
}

button:hover {
    color:#000;
    border-style: inset;
    background-color:#eee;
    border:1px solid #ccc;  
}

input {
    -moz-border-radius:5px;    
    -webkit-border-radius:5px;  
    border-radius:5px;
    -x-system-font:none;
    border:1px solid #CCCCCC;
    color:#666666;
    font-family:Arial,Helvetica,sans-serif;
    font-size:120%;   
    line-height:normal;
    padding:4px;
}
textarea {
    border:1px solid #CCCCCC;
    padding:5px;
    -moz-border-radius:10px;    
    -webkit-border-radius:20px;  
    border-radius:20px;
    color:#666666;
}
select {
    color:#555;
    border: 1px solid #CCC;
    padding: 4px;
    background-color: #F3F3F3;
    font-size: 12px;
    
    -moz-border-radius:5px;    
    -webkit-border-radius:5px;  
    border-radius:5px;      
}
input[type=checkbox], input[type=radio], input[type=button], input[type=submit] {
    cursor: pointer;
    font-size: 12px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -border-radius:5px;
    border:1px solid #E1E1E0;
}

#footer {
    background-color: #037fb2;
    background-image: url(../images/bg-footer.gif);
    background-repeat:repeat-x;
    font-size: 12px;
    color:#ffffff;
    /*height: 10em;*/	 /* Do not change this value */
    overflow:hidden;
    width: 100%;
    padding-bottom:18px;
}
/* Sticky footer*/
.push {
    height: 9em; /* Very important */
}
#footer .copyright {
    float: right;
    padding-top:60px;
    margin-right:5%;
    background-color: #037fb2;
    background-image: url(../images/bg-footer.gif);
    background-repeat:repeat-x;
}

.footer_emails{
    float: left;
    padding-top:60px;
    margin-right:5%;
    background-color: #037fb2;
    background-image: url(../images/bg-footer.gif);
    background-repeat:repeat-x;
}